<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="计算机信息工程学院致力于培养信息科学化人才"
    />
    <meta name="keywords" content="计算机，科技，人才" />
    <meta name="author" content="author" />
    <title>计算机信息工程学院</title>
  </head>
  <body>
    <!-- 页面头部 -->
    <header>
      <h1>
        <img src="images/header_logo.png" alt="计算机信息工程学院" />
      </h1>
      <input type="text" placeholder="请输入关键字" />
      <img src="./images/search.png" alt="搜索图标" />
    </header>
    <!-- 页面导航栏 -->
    <nav>
      <ul>
        <li><a href="#">首页</a></li>
        <li>
          <a href="#">学院概况</a>
          <ul>
            <li><a href="#">学院简介</a></li>
            <li><a href="#">学院领导</a></li>
            <li><a href="#">学术委员会</a></li>
            <li><a href="#">学位评定委员会</a></li>
            <li><a href="#">教务委员会</a></li>
            <li><a href="#">内设机构</a></li>
            <li><a href="#">学院制度</a></li>
          </ul>
        </li>
        <li>
          <a href="#">人才培养</a>
          <ul>
            <li><a href="#">本科生教育</a></li>
            <li><a href="#">研究生教育</a></li>
          </ul>
        </li>
        <li>
          <a href="#">科学研究</a>
          <ul>
            <li><a href="#">科研团队</a></li>
            <li><a href="#">科研平台</a></li>
            <li><a href="#">学术团体</a></li>
            <li><a href="#">科研动态</a></li>
            <li><a href="#">科研成果</a></li>
          </ul>
        </li>
        <li>
          <a href="#">师资队伍</a>
          <ul>
            <li><a href="#">博士生导师</a></li>
            <li><a href="#">硕士生导师</a></li>
            <li><a href="#">优秀教师</a></li>
            <li><a href="#">专任教师</a></li>
          </ul>
        </li>
        <li>
          <a href="#">招生就业</a>
          <ul>
            <li><a href="#">本科生</a></li>
            <li><a href="#">研究生</a></li>
          </ul>
        </li>
        <li><a href="#">学院建设</a></li>
        <li><a href="#">师德建设</a></li>
        <li>
          <a href="#">学生工作</a>
          <ul>
            <li><a href="#">学生新闻</a></li>
            <li><a href="#">学生组织</a></li>
            <li><a href="#">学生服务</a></li>
            <li><a href="#">管理制度</a></li>
            <li><a href="#">荣誉展示</a></li>
          </ul>
        </li>
        <li>
          <a href="#">实验中心</a>
          <ul>
            <li><a href="#">中心概况</a></li>
            <li><a href="#">综合实验室</a></li>
            <li><a href="#">硬件实验室</a></li>
            <li><a href="#">大数据实验室</a></li>
            <li><a href="#">网络实验室</a></li>
            <li><a href="#">人工智能实验室</a></li>
          </ul>
        </li>
        <li><a href="#">社会服务</a></li>
        <li>
          <a href="#">校友之窗</a>
          <ul>
            <li><a href="#">校友动态</a></li>
            <li><a href="#">校友相册</a></li>
            <li><a href="#">校友风采</a></li>
          </ul>
        </li>
      </ul>
    </nav>
    <!-- 页面主体 -->
    <main>
      <!-- 轮播图 -->
      <section>
        <ul>
          <li>
            <a href="#" target="_blank"
              ><img
                src="images/banner1.jpg"
                alt="以评促建 以评促改 以评促管"
            /></a>
          </li>
          <li>
            <a href="#" target="_blank"
              ><img
                src="images/banner2.jpg"
                alt="全国高等学校计算机教育研究会"
            /></a>
          </li>
          <li>
            <a href="#" target="_blank"
              ><img
                src="images/banner3.jpg"
                alt="学术学习"
            /></a>
          </li>
          <li>
            <a href="#" target="_blank"
              ><img
                src="images/banner4.jpg"
                alt="深入学习考察精神"
            /></a>
          </li>
          <li>
            <a href="#" target="_blank"
              ><img
                src="images/banner5.jpg"
                alt="坚定信心团结实干"
            /></a>
          </li>
          <li>
            <a href="#" target="_blank"
              ><img
                src="images/banner6.jpg"
                alt="弘扬教育家精神"
            /></a>
          </li>
        </ul>
      </section>
      <!-- 学院新闻 -->
      <section>
        <!-- 头部 -->
        <header>
          <h2>
            <img src="images/news.png" alt="新闻" />
            <span>学院新闻</span>
          </h2>
          <a href="#">更多></a>
        </header>
        <!-- 内容 -->
        <article>
          <!-- 左侧轮播图和标题以及概要 -->
          <ul>
            <li>
              <a href="#" target="_blank">
                <figure>
                  <img
                    src="images/news1.jpg"
                    alt="工作部署会"
                  />
                  <figcaption>
                    <h3>人工智能学院召开新学期工作部署会</h3>
                  </figcaption>
                </figure>
              </a>
              <p>
                新学院、新起点，新学期、新气象。为进一步凝聚共识，推动新学期工作起好步、开好局，学院在青山湖校区召开全院教工大会，传达学习全校会议精神，统筹部署新学期各项工作。
              </p>
            </li>
            <li>
              <a href="#" target="_blank">
                <figure>
                  <img
                    src="images/news2.jpg"
                    alt="巡课听课"
                  />
                  <figcaption>
                    <h3>人工智能学院新学期深入教学一线开展巡课听课</h3>
                  </figcaption>
                </figure>
              </a>
              <p>
                为全面了解新学期教学运行情况，保障学院教学秩序平稳有序，营造优良教风学风，开学第一天，人工智能学院领导班子深入教学一线，对本科生和研究生课堂开展巡课、听课工作。
              </p>
            </li>
            <li>
              <a href="#" target="_blank">
                <figure>
                  <img
                    src="images/news3.jpg"
                    alt="访企拓岗"
                  />
                  <figcaption>
                    <h3>
                      人工智能学院赴科技企业开展访企拓岗
                    </h3>
                  </figcaption>
                </figure>
              </a>
              <p>
                为贯彻落实学校访企拓岗促就业相关要求，扎实做好就业工作，进一步加强院企交流合作，促进毕业生高质量就业，学院领导及相关系部负责老师一行，赴科技企业进行走访。
              </p>
            </li>
            <li>
              <a href="#" target="_blank">
                <figure>
                  <img
                    src="images/news4.jpg"
                    alt="学术交流"
                  />
                  <figcaption>
                    <h3>
                      国外大学教授应邀莅临学院进行学术交流
                    </h3>
                  </figcaption>
                </figure>
              </a>
              <p>
                近日，受学院邀请，国外大学教授莅临学院开展学术交流活动并作了题为《大语言模型环境下的对话式和型号检索》的学术报告。
              </p>
            </li>
            <li>
              <a href="#" target="_blank">
                <figure>
                  <img
                    src="images/news5.jpg"
                    alt="走访慰问学生"
                  />
                  <figcaption>
                    <h3>
                      学院开展暑假走访慰问留校学生活动
                    </h3>
                  </figcaption>
                </figure>
              </a>
              <p>
                学院领导及相关部门老师深入学生宿舍、研究生工作室、考研自习室等，开展走访慰问活动，为基础教育师资硕士研究生培育计划学员、暑期留校的学生送去关怀。
              </p>
            </li>
            <li>
              <a href="#" target="_blank">
                <figure>
                  <img
                    src="images/news6.jpg"
                    alt="调研交流"
                  />
                  <figcaption>
                    <h3>
                      兄弟院校来学院调研交流
                    </h3>
                  </figcaption>
                </figure>
              </a>
              <p>
                兄弟院校院长率调研组一行来学院交流。学院院长、副院长出席会议，相关系主任等参与座谈。
              </p>
            </li>
          </ul>
          <!-- 右侧新闻标题栏 -->
          <ul>
            <li>
              <a href="#" target="_blank">学院召开新学期工作部署会</a>
            </li>
            <li>
              <a href="#" target="_blank"
                >学院新学期深入教学一线开展巡课听课</a
              >
            </li>
            <li>
              <a href="#" target="_blank"
                >学院赴科技企业开展访企拓岗</a
              >
            </li>
            <li>
              <a href="#" target="_blank"
                >国外大学教授应邀莅临学院进行学术交流</a
              >
            </li>
            <li>
              <a href="#" target="_blank"
                >学院开展暑假走访慰问留校学生活动</a
              >
            </li>
            <li>
              <a href="#" target="_blank"
                >兄弟院校来学院调研交流</a
              >
            </li>
            <li>
              <a href="#" target="_blank"
                >学院举办CCF形式化方法专委活动</a
              >
            </li>
            <li>
              <a href="#" target="_blank"
                >学院教师研究成果被国际会议录用</a
              >
            </li>
            <li>
              <a href="#" target="_blank">学院开展主题活动</a>
            </li>
          </ul>
        </article>
      </section>
      <!-- 通知公告 -->
      <section>
        <!-- 头部 -->
        <header>
          <h2>
            <img src="images/notice.png" alt="通知公告" />
            <span>通知公告</span>
          </h2>
          <a href="#">更多></a>
        </header>
        <!-- 内容 -->
        <article>
          <ul>
            <li>
              <div>2025 08-29</div>
              <a href="#" target="_blank">中外学分互认项目缴费通知</a>
            </li>
            <li>
              <div>2025 08-29</div>
              <a href="#" target="_blank"
                >学院2025年诚聘海内外高层次人才公告</a
              >
            </li>
            <li>
              <div>2025 08-29</div>
              <a href="#" target="_blank">学院诚聘院长、学术院长</a>
            </li>
            <li>
              <div>2025 08-29</div>
              <a href="#" target="_blank"
                >学院2024年诚聘海内外高层次人才公告</a
              >
            </li>
          </ul>
        </article>
      </section>
      <!-- 专题网站 -->
      <section>
        <!-- 头部 -->
        <header>
          <h2>
            <img src="images/lanmu.png" alt="专题网站" />
            <span>专题网站</span>
          </h2>
          <a href="#">更多></a>
        </header>
        <!-- 内容 -->
        <article>
            <ul>
              <li>
                <a href="#"
                  ><img
                    src="images/topic1.jpg"
                    alt="精神学习"
                /></a>
              </li>
              <li>
                <a href="#"
                  ><img
                    src="images/topic2.jpg"
                    alt="学术精神专题网"
                /></a>
              </li>
              <li>
                <a href="#"
                  ><img
                    src="images/topic3.jpg"
                    alt="学习教育专题网"
                /></a>
              </li>
            </ul>
        </article>
      </section>
      <!-- 侧边导航  -->
      <aside>
        <ul>
          <li>
            <a href="#">
              <figure>
                <img src="images/xinxiang.png" alt="信箱" />
              </figure>
              <figcaption>
                学院信箱
              </figcaption>
            </a>
          </li>
          <li>
            <a href="#">
              <figure>
                <img src="images/bangong.png" alt="办公系统" />
              </figure>
              <figcaption>
                办公系统
              </figcaption>
            </a>
          </li>
          <li>
            <a href="#">
              <figure>
                <img src="images/fuwu.png" alt="服务大厅" />
              </figure>
              <figcaption>
                服务大厅
              </figcaption>
            </a>
          </li>
          <li>
            <a href="#">
              <figure>
                <img src="images/jiaowu.png" alt="教务在线" />
              </figure>
              <figcaption>
                教务在线
              </figcaption>
            </a>
          </li>
          <li>
            <a href="#">
              <figure>
                <img src="images/tushuguan.png" alt="CCF图书馆" />
              </figure>
              <figcaption>
                CCF图书馆
              </figcaption>
            </a>
          </li>
          <li>
            <a href="#">
              <figure>
                <img src="images/houtai.png" alt="后台登录" />
              </figure>
              <figcaption>
                后台登录
              </figcaption>
            </a>
          </li>
        </ul>
      </aside>
    </main>
    <!-- 页脚  -->
    <footer>
        <img src="images/logo1.png" alt="机构标识">
        <img src="images/logo2.png" alt="学校标识">
        <img src="images/logo3.png" alt="学院标识">
        <div>
            <p>
                &copy;版权：计算机信息工程学院
            </p>
            <p>
                <address>学校地址：某省某市某区某路99号 邮政编码：123456</address>
            </p>
        </div>
        <img src="images/contact.jpg" alt="联系我们">
    </footer>
  </body>
</html>